*{margin:0;padding:0}
body{
  font-size:12px;
}
img{
  border:0;
}
.wrapper{
  margin:auto;
  width:1090px;
}
#all{
  background-color:#e9e9e9;
}

/*右边栏*/
#right{
  position: fixed;
  _position: absolute;
  overflow: visible;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 36px;
  height: 100%;
  background-color: #fff;
  border-left: 1px solid #ddd;
  box-shadow: -3px 0 17px rgba(0,0,0,0.15);
  //用户部分
  #user{
    height:36px;
    top: 38%;
    margin-top: 156px;
    z-index: 1001;
    section{
      height:36px;
      width:36px;
      display:block;
      float:left;
      position:relative;
      background-color:#ff5c00;
      i{
        display:block;
        height:22px;
        width:22px;
        margin:7px;
        background:url("../../images/righticon.png") no-repeat 0px 0px;
      }
      >div{
        width:288px;
        height:162px;
        position:absolute;
        left:-320px;
        top:0px;
        transition:all .5s;
        background-color:white;
        opacity:0;
        span:nth-of-type(1){
          padding:12px 0px 3px 0px;
          float:right;
          display:block;
          height:15px;
          width:15px;
        }
        span:nth-of-type(2){
          padding:30px 0px 0px 105px;
          display:block;
          width:79px;
          height:78px;
        }
        span:nth-of-type(3){
          padding-left:30px;
          line-height:42px;
          font-size:12px;
          display:block;
          h2{
            font-size:12px;
            color:#525261;
            width:135px;
            float:left;
          }
          a{
            text-decoration:none;
            color:#ff5c00;
          }
        }
      }
    }
  }

  //购物车部分
  #gouwu{
    width:36px;
    height:143px;
    top: 11%;
    margin-top:30px;
    z-index: 1002;
    float:left;
    text-align:center;
    cursor:pointer;
    b:nth-of-type(1){
      display:block;
      width:100%;
      height:1px;
      background-color:#eae5e1;
      margin-bottom:13px;
    }
    i{
      display:block;
      height:22px;
      width:22px;
      margin:7px;
      background:url("../../images/righticon.png") no-repeat 0px -22px;
    }
    >span:nth-of-type(1){
      display:block;
      width:12px;
      height:48px;
      margin:12px;
      font-size:12px;
    }
    #count{
      width:24px;
      height:15px;
      display:block;
      margin:2px;
      color:#ff9e00;
      font-size:12px;
    }
    b:nth-of-type(2){
      display:block;
      width:100%;
      height:1px;
      background-color:#eae5e1;
      margin-top:19px;
    }
  }

  //二维码部分
  #ewm{
    width:36px;
    height:36px;
    top: 11%;
    margin-top:65px;
    z-index: 1002;
    float:left;
    cursor:pointer;
    i{
      display:block;
      height:22px;
      width:22px;
      margin:7px;
      background:url("../../images/righticon.png") no-repeat 0px -50px;
    }
  }

  //收藏部分
  #shoucang{
    width:36px;
    height:36px;
    top: 11%;
    margin-top:40px;
    z-index: 1002;
    float:left;
    cursor:pointer;
    i{
      display:block;
      height:22px;
      width:22px;
      margin:7px;
      background:url("../../images/righticon.png") no-repeat 0px -75px;
    }
  }

  //客服部分
  #kefu{
    width:36px;
    height:80px;
    top: 11%;
    margin-top:-40px;
    z-index: 1002;
    float:left;
    cursor:pointer;
    background-color:#ff5c00;
    position:relative;
    i{
      display:block;
      height:26px;
      width:22px;
      margin:7px;
      background:url("../../images/righticon.png") no-repeat -22px -99px;
    }
    span{
      padding:4px 0px 4px 0px;
      display:block;
      width:26px;
      height:36px;
      margin-left:5px;
      color:white;
    }
    div{
      width: 83px;
      height: 36px;
      text-align:center;
      line-height: 36px;
      background-color:white;
      position:absolute;
      left:-100px;
      top:0px;
      opacity:0;
      transition:all .2s;
    }
  }

  //返回顶部
  #fanhui{
    width:36px;
    height:36px;
    top: 11%;
    margin-top:150px;
    z-index: 1002;
    float:left;
    cursor:pointer;
    position:relative;
    color:black;
    i{
      display:block;
      height:26px;
      width:22px;
      margin:7px;
      background:url("../../images/righticon.png") no-repeat 0px -129px;
    }
    div{
      width: 83px;
      height: 36px;
      text-align:center;
      line-height: 36px;
      background-color:white;
      position:absolute;
      left:-100px;
      top:0px;
      opacity:0;
      transition:all .2s;
    }
  }
}


/*顶部*/
#header{
  height:195px;
  background-color:#e9e9e9;
  //顶部上部分
  #hea-top{
    height:43px;
    border-bottom:#eae8ea;
    display:block;
    background-image:url("../../images/bg.png");
    #top_ul1{
      width:302px;
      height:42px;
      margin:5px 0px 0px 15px;
      float:left;
      li{
        width:98px;
        height:37px;
        list-style:none;
        float:left;
        line-height:37px;
        text-align:center;
        cursor:pointer;
        background:url("../../images/top-navbg.png") no-repeat right;
        position:relative;
      }
      li:nth-of-type(1){
        background-color:white;
        border:1px solid #cccccc;
        border-bottom:0;
        color:red;
      }
      li:hover{
        color:red;
      }
      li:nth-of-type(3){
        p{
          height:33px;
          width:86px;
          margin-left:4px;
          position:relative;
          z-index:10;
          span{
            height:20px;
            width:12px;
            display:inline-block;
            background-color:red;
            position:absolute;
            top:8px;
            left:20px;
            background:url("../../images/sprite215new.png") no-repeat -320px -240px;
            transition:all .2s;
          }
          i{
            margin-left:28px;
            font-style:normal;
          }
        }
        .img{
          height:103px;
          width:278px;
          position:absolute;
          left:4px;
          top:34px;
          border:1px solid #ff5c00;
          display:none;
          z-index:10;
        }
      }

      li:nth-of-type(3):hover{
        span{
          background-position:-320px -265px;
        }
        p{
          border-top:1px solid #ff5c00;
          border-left:1px solid #ff5c00;
          border-right:1px solid #ff5c00;
          border-bottom:1px solid white;
        }
        .img{
          display:block;
        }
      }


    }

    #top_ul2{
      width:500px;
      height:32px;
      margin:5px 0px 0px 446px;
      float:left;
      >li{
        list-style:none;
        float:left;
        width:75px;
        line-height:32px;
        color:#666666;
        cursor:pointer;
        background:url("../../images/top-navbg.png.png") no-repeat right 10px;
        a{
          text-decoration:none;
          color:#ff5c00;
        }
        div{
          width:63px;
          height:28px;
          margin-left:6px;
        }
        b{
          cursor: pointer;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          width: 0;
          line-height: 0;
          height: 0;
          font-size: 0;
          border-width: 4px;
          border-style: solid dashed dashed;
          border-color: #666666 transparent transparent;
          position: relative;
          left: 3px;
          top: 3px;
          overflow: hidden;
          display: inline-block;
          zoom: 1;
        }
      }
      >li:nth-of-type(1){
        width:200px;
        height:32px;
        cursor:default;
      }
      //当鼠标悬停会后字体颜色改变
      >li:hover{
        color:#ff5c00;
        //鼠标悬停的时候子代中的字体颜色不改变
        li{
          color:#666666;
        }
      }

      //欢迎来到母婴之家字体颜色不改变
      >li:nth-of-type(1):hover{
        color:#666666;
      }
      >li:nth-of-type(2){
        position:relative;
        ul{
          width:63px;
          height:110px;
          border:1px solid #ff9900;
          border-top:0px;
          position:absolute;
          top:29px;
          left:6px;
          display:none;
          background-color:white;
          z-index:10;
          li{
            height:20px;
            width:63px;
            list-style:none;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      >li:nth-of-type(2):hover{
        ul{
          display:block;
        }
        div{
          border:1px solid #ff9900;
          border-bottom:0px;
          background-color:white;
        }
      }

      //客户服务
      >li:nth-of-type(3){
        position:relative;
        div{
          span{
            position:absolute;
            height:1px;
            width:63px;
            bottom:0px;
            left:7px;
            background-color:#efeef0;
            z-index:10;
          }
        }
        ul{
          width:80px;
          height:49px;
          border:1px solid #ff9900;
          position:absolute;
          top:28px;
          left:6px;
          display:none;
          z-index:10;
          background-color:white;
          li{
            height:20px;
            width:63px;
            list-style:none;
            text-align:center;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      >li:nth-of-type(3):hover{
        ul{
          display:block;
        }
        div{
          border-top:1px solid #ff9900;
          border-right:1px solid #ff9900;
          border-left:1px solid #ff9900;
          background-color:white;
        }
      }
    }
  }

  /*顶部的中间部分*/
  #h-logo{
    height:114px;
    width:100%;
    background-color:white;
    overflow:hidden;
  }
  #hea-center{
    height:74px;
    margin:20px 0px 20px 15px;
    position:relative;
    #logo{
      height:55px;
      width:150px;
      padding-top:21px;
      float:left;
    }

    //母婴直接搜索框
    #search{
      width:488px;
      height:37px;
      background-color:#ff5c00;
      margin:17px 0px 0px 70px;
      float:left;
      border:1px solid #ff5c00;
      input{
        width:429px;
        height:35px;
        border:0;
        outline:0;
        margin:1px 0px 0px 1px;
        float:left;
      }
      a{
        display:block;
        width:58px;
        height:38px;
        float:left;
        img{
          margin:7.5px 0px 0px 17.5px;
        }
      }
    }

    //热门搜索
    ul{
      height:14px;
      width:488px;
      left:225px;
      top:63px;
      position:absolute;
      li{
        list-style:none;
        float:left;
        padding-right:5px;
        color:#999999;
        cursor:pointer;
      }
      li:nth-of-type(1){
        cursor:auto;
      }
      li:nth-of-type(2){
        color:#ff5c00;
      }
      li:nth-of-type(1):hover{
        color:#999999;
      }
      li:hover{
        color:#ff5c00;
      }
    }

    //购物车
    >a{
      width:158px;
      height:39px;
      display:block;
      float:left;
      background-color:#ff5c00;
      margin:17px 0px 0px 367px;
      position:relative;
      line-height:39px;
      color:white;
      text-decoration:none;
      font-size:16px;
      overflow:hidden;
      span{
        margin:6px 0px 0px 10px;
        height:26px;
        width:23px;
        display:inline-block;
        background:url("../../images/sprite215new.png") no-repeat 0px -28px;
      }
      i{
        height:39px;
        width:80px;
        display:inline-block;
        line-height:39px;
        position:absolute;
        top:-2px;
        left:41px;
        font-style:normal;
      }
    }
  }

  /*导航*/
  #er_bg{
    background-color:white;
    width:100%;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
  }
  #nav{
    height:35px;
    >ul{
      height:35px;
      width:100%;
      background-color:white;
      >li{
        padding:0px 20px;
        line-height:35px;
        list-style:none;
        float:left;
        font-size:14px;
        color:#333333;
        position:relative;
        cursor:pointer;
        a{
          text-decoration:none;
          color:#333;
        }
      }
      >li:nth-of-type(1){
        width:96px;
        color:#ff8500;
      }
      >li:nth-of-type(2){
        color:#ff8500;
      }
      >li:nth-of-type(1)>b{
        display:block;
        height:6px;
        width:9px;
        background-color:black;
        position:absolute;
        left:109px;
        top:15px;
        background:url("../../images/top_bar2.png") no-repeat -110px -65px;
      }
      >li:nth-of-type(1):hover{
        b{
          background:url("../../images/top_bar2.png") no-repeat -117px -74px;
        }
      }
      //全部商品列表下的下拉列表
      #shop_list{
        width:142px;
        height:350px;
        background-color:white;
        position:absolute;
        left:0px;
        top:35px;
        display:none;
        z-index:11;
        >li{
          list-style:none;
          width:142px;
          height:38px;
          position:relative;
          box-sizing:border-box;
          span{
            width:15px;
            height:15px;
            display:inline-block;
            position:absolute;
            top:11px;
            left:20px;
          }
          i{
            display:inline-block;
            width:7px;
            height:15px;
            position:absolute;
            left:118px;
            top:11px;
            background-color:red;
            background:url("../../images/sprite215new.png") no-repeat -59px -198px;
          }
        }
        >li:nth-of-type(1){
          span{
            background:url("../../images/top_bar2.png") no-repeat -114px 0px;
          }
        }
        >li:nth-of-type(2){
          span{
            background:url("../../images/top_bar2.png") no-repeat -114px -20px;
          }
        }
        >li:nth-of-type(3){
          span{
            background:url("../../images/top_bar2.png") no-repeat -131px 0px;
          }
        }
        >li:nth-of-type(4){
          span{
            background:url("../../images/top_bar2.png") no-repeat -143px -4px;
          }
        }
        >li:nth-of-type(5){
          span{
            background:url("../../images/top_bar2.png") no-repeat -129px -23px;
          }
        }
        >li:nth-of-type(6){
          span{
            background:url("../../images/top_bar2.png") no-repeat -146px -24px;
          }
        }
        >li:nth-of-type(7){
          span{
            background:url("../../images/top_bar2.png") no-repeat -114px -42px;
          }
        }
        >li:nth-of-type(8){
          span{
            background:url("../../images/top_bar2.png") no-repeat -131px -45px;
          }
        }
        >li:nth-of-type(9){
          span{
            background:url("../../images/top_bar2.png") no-repeat -151px -43px;
          }
        }
      }
    }

    //商品下拉列表里的三级列表
    #shop_list{
      >li{
        color:#666666;
      }

      //妈妈专区
      >li:nth-of-type(1){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
          z-index:999;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-1px;
          background:white;
          display:none;
          //妈妈专区列表
          div{
            width:705px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding-left:28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
            }
          }
        }
      }

      //哺乳喂养
      >li:nth-of-type(2){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-39px;
          background:white;
          display:none;
          //妈妈专区列表
          div{
            width:705px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding-left:28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
            }
            p{
              float:left;
              width:216px;
              height:140px;
              img{
                height:140px;
                width:216px;
              }
            }
          }
        }
      }

      //奶粉辅食
      >li:nth-of-type(3){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-77px;
          background:white;
          display:none;
          //纸尿裤湿巾列表
          div{
            width:677px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
            p{
              float:left;
              width:216px;
              height:140px;
              img{
                height:140px;
                width:216px;
              }
            }
          }
        }
      }

      //纸尿裤湿巾
      >li:nth-of-type(4){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-115px;
          background:white;
          display:none;
          //纸尿裤湿巾
          div{
            width:677px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
          }
        }
      }

      //洗护用品
      >li:nth-of-type(5){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:415px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-153px;
          background:white;
          display:none;
          //纸尿裤湿巾列表
          div{
            width:677px;
            height:415px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
            p{
              float:left;
              width:216px;
              height:217px;
              img{
                height:217px;
                width:216px;
              }
            }
          }
        }
      }

      //宝宝服饰
      >li:nth-of-type(6){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-193px;
          background:white;
          display:none;
          //纸尿裤湿巾
          div{
            width:677px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
          }
        }
      }

      //童车座椅
      >li:nth-of-type(7){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-231px;
          background:white;
          display:none;
          //纸尿裤湿巾
          div{
            width:677px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
          }
        }
      }

      //玩具
      >li:nth-of-type(8){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:690px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-269px;
          background:white;
          display:none;
          //纸尿裤湿巾
          div{
            width:677px;
            height:690px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
          }
        }
      }

      //寝具
      >li:nth-of-type(9){
        b{
          position:absolute;
          right:0;
          width:1px;
          height:39px;
          background-color:white;
        }
        .three-list{
          width:950px;
          height:404px;
          border:1px solid #ff5c00;
          position:absolute;
          left:139px;
          top:-307px;
          background:white;
          display:none;
          //寝具
          div{
            width:677px;
            height:404px;
            overflow:hidden;
            border-right:1px dashed #e4e4e4;
            padding:0px 28px;
            float:left;
            h3{
              width:677px;
              line-height:23px;
              font-size:11px;
              color:#666;
              font-weight:bold;
              border-bottom:1px dashed #e4e4e4;
              margin-top:10px;
              box-sizing:border-box;
            }
            p{
              line-height:23px;
              a{
                width:55px;
                text-decoration:none;
                color:#888888;
                margin-top:4px;
              }
            }
          }
          ul{
            width:216px;
            height:404px;
            float:right;
            li{
              width:100px;
              height:40px;
              float:left;
              padding:13px 4px;
              list-style:none;
              img{
                height:40px;
                width:100px;
              }
            }
          }
        }
      }
    }
  }
}


/*主体部分*/
#main{
  height:530px;
  background-color:white;
  overflow:hidden;
  border-top:1px solid #f1f1f1;
  h3{
    color:#333333;
    margin-left:30px;
    line-height:35px;
  }
  #mr{
    height:470px;
    width:1000px;
    margin:0px 0px 24px 30px;
    border:1px solid #f1f1f1;
    position:relative;
    #privious{
      text-align: center;
      width: 350px;
      float: left;

      z-index: 5;
      border-right:1px solid #f1f1f1;
      .jqzoon{
        _height: 350px;
        position: relative;
        zoom: 1;
        z-index: 10;
        cursor:pointer;
        >img{
          width:350px;
          height:350px;
        }
        #middleArea{
          //width: 200px;
          //height: 200px;
          background-color:#ff9900;
          opacity:0.3;
          position:absolute;
          display:none;
        }
        #bigArea{
          display:none;
          box-sizing:border-box;
          width:469px;
          height:450px;
          border-right:1px solid #f1f1f1;
          border-bottom:1px solid #f1f1f1;
          position:absolute;
          left:351px;
          top:0px;
          overflow:hidden;
          background-color:white;
          img{
            width:820px;
            height:780.7px;
            position:absolute;
          }
        }
      }
      .jqzoon{
        height:350px;
        width:350px;
      }
      #spec{
        position: relative;
        width: 350px;
        height: 64px;
        overflow: hidden;
        zoom: 1;
        .fl{
          float:left;
        }
        .fr{
          float:right;
        }
        .arrowbox{
          width: 22px;
          height: 64px;
          cursor: pointer;
          //左边尖三角
          .specLeft{
            background:url("../../images/xiangqing_icon.png") no-repeat -195px -330px;
            left:4px;
          }
          //右边尖三角
          .specRight{
            background:url("../../images/xiangqing_icon.png") no-repeat -212px -330px;
            right: 4px;
          }
          .specLeftT{
            position: absolute;
            width: 12px;
            float: left;
            height: 21px;
            top: 20px;
            cursor: pointer;
          }
        }
        .specList{
          width: 320px;
          height: 57px;
          position: absolute;
          text-align: left;
          overflow: hidden;
          zoom: 1;
          top: 0px;
          left: 19px;
          display: inline;
          float: left;
          margin-left: 2px;
          margin-top: 4px;
          ul{
            position: absolute;
            width: 320px;
            left: 2px;
            li{
              width: 60px;
              display: inline;
              float: left;
              margin-right: 2px;
              cursor: pointer;
              list-style:none;
              img{
                width: 50px;
                height: 50px;
                border: 1px solid #f1f1f1;
                padding: 2px;
                margin-bottom: 1px;
                display:block;
              }
            }
            li img:hover{
              border:1px solid #ff9900;
            }
          }
        }
      }
    }

    #conTopconBox{
      width:630px;
      height:475px;
      position: absolute;
      left:370px;
      top:15px;
      min-height: 450px;
      _height: 450px;
      z-index: 1;
      h1{
        color: #333;
        font-size: 16px;
        margin-bottom: 3px;
        font-weight: bold;
        line-height:38px;
        height:38px;
      }
      h2{
        font-size:11px;
        color:#999999;
        i{
          display: inline-block;
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-left: 15px solid #ff5c00;
          border-bottom: 8px solid transparent;
          vertical-align: -4px;
          margin-right: 5px;
        }
      }
      h3{
        i{
          font-size:12px;
          line-height:50px;
          font-style:normal;
          color:#999;
        }
        span{
          line-height:50px;
          font-size:18px;
          color:red;
        }
      }
      .line1{
        width:98%;
        border:1px dashed #999;
      }
      h4{
        height:50px;
        i{
          font-style:normal;
          float:left;
          display:block;
          width:80px;
          line-height:31px;
          color:#999;
        }
        span{
          margin-top:7px;
          margin-bottom:10px;
          float:left;
          display:block;
          width:48px;
          height:24px;
          border:2px solid #ff6600;
          font-size:11px;
          line-height:24px;
          text-align:center;
          cursor:pointer;
        }
      }
      #bus{
        width:350px;
        height:55px;
        margin-left:30px;
        position:relative;
        #num{
          width:39px;
          height:38px;
          border:2px solid #999;
          border-right:0;
          font-size:13px;
          font-weight:bold;
          margin-top:8px;
          float:left;
          text-align:center;
          line-height:38px;
        }
        span{
          box-sizing:border-box;
          width:20px;
          height:21px;
          display:block;
          background-color:bisque;
          position:absolute;
          border:2px solid #999;
          background-image:url("../../images/xiangqing_icon.png");
          cursor:pointer;
        }
        span:nth-of-type(1){
          border-bottom:0px;
          top:8px;
          left:41px;
          background-position:-232px -311px;
        }
        span:nth-of-type(2){
          top:29px;
          left:41px;
          background-position:-232px -330px;
        }
        #shop_car{
          width:148px;
          height:40px;
          background-color:red;
          float:left;
          margin:8px 0px 0px 28px;
          a{
            display:block;
            width:148px;
            height:40px;
            background:url("../../images/xiangqing_icon.png") no-repeat 0px -65px;
          }
        }
        #phone{
          width:123px;
          height:31px;
          float:left;
          margin:8px 0px 0px 10px;
        }
      }
      p{
        margin:10px 0px 0px 28px;
        color:#999;
        span{
          width:14px;
          height:14px;
          display:inline-block;
          img{
            width:14px;
            height:14px;
          }
        }
      }
    }
    #xq_right{
      width:184px;
      height:475px;
      border-top:1px solid #f1f1f1;
      border-bottom:1px solid #f1f1f1;
      position:absolute;
      top:-1px;
      left:1012px;
    }

    //fenx分享小图标
    .sharebox{
      width: 327px;
      padding-top: 12px;
      padding-left: 23px;
      position: relative;
      left: 0;
      top: 0;
      border-right:1px solid #f1f1f1;
      height:45px;
    }
    .clearbox{
      display:block;
      .bd_share_button{
        zoom: 1;
        float:left;
        width:180px;
        margin-top:8px;
        a{
          width:25px;
          height:24px;
          display:block;
          float:left;
          background-image:url("../../images/xiangqing_icons_1_24.png");
          background-repeat:no-repeat;
          margin-left:4px;
        }
        a:nth-of-type(1){
          background-position:0px 0px;
        }
        a:nth-of-type(2){
          background-position:0px -1612px;
        }
        a:nth-of-type(3){
          background-position:0px -104px;
        }
        a:nth-of-type(4){
          background-position:0px -259px;
        }
        a:nth-of-type(5){
          background-position:0px -312px;
        }
        a:nth-of-type(6){
          background-position:0px -364px;
        }
      }
      >a{
        width: 100px;
        height: 38px;
        display: block;
        float: left;
        cursor: pointer;
        margin-left: 30px;
        _display: inline-block;
        zoom: 1;
        background:red;
        background:url("../../images/fav.jpg") no-repeat 0px 0px;
      }
      >a:hover{
        background-position:0px -38px;
      }
    }
  }
}


/*尾部部分*/
#footer{
  //品质保障专栏
  #mall-easure{
    height:106px;
    width:100%;
    background-color:#ff5c00;
    ul{
      width:1240px;
      height:87px;
      margin:auto;
      li{
        width:310px;
        height:87px;
        float:left;
        list-style:none;
        dl{
          width:285px;
          height:57px;
          padding-left: 25px;
          padding-top: 30px;
          dt{
            height:36px;
            width:285px;
            i{
              width:40px;
              height:34px;
              margin-right: 8px;
              float: left;
              position: relative;
              left: 0;
              top: 2px;
            }
            h2{
              font-size: 24px;
              font-weight: bold;
              float: left;
              color:white;
              cursor:pointer;
            }
            .i1{
              background:url("../../images/sprite215new.png") no-repeat -138px 0px;
            }
            .i2{
              background:url("../../images/sprite215new.png") no-repeat -137px -40px;
            }
            .i3{
              background:url("../../images/sprite215new.png") no-repeat -137px -80px;
            }
            .i4{
              background:url("../../images/sprite215new.png") no-repeat -137px -120px;
            }
          }
          dd{
            font-size: 14px;
            font-weight: bold;
            float: right;
            margin-right: 35px;
            color:white;
          }
        }
      }
    }
  }

  //购物指南
  #mell-desc{
    background-color: #FFF;
    padding-top: 20px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
  }
  #top{
    width:1215px;
    height:150px;
    padding-left:25px;
    margin:auto;
    position:relative;
    dl{
      width:176px;
      height:109px;
      float:left;
      dt{
        width:176px;
        height:26px;
        font-size: 14px;
        padding:6px 0px 4px 30px;
        position: relative;
        cursor:pointer;
        color:black;
        i{
          display:block;
          position: absolute;
          top: 0;
          left: 0;
          width:26px;
          height:26px;
        }
        .gouwu{
          background:url("../../images/sprite215new.png") no-repeat -89px 0px;
        }
        .zhifu{
          background:url("../../images/sprite215new.png") no-repeat -89px -40px;
        }
        .peisong{
          background:url("../../images/sprite215new.png") no-repeat -89px -80px;
        }
        .shouhou{
          background:url("../../images/sprite215new.png") no-repeat -89px -120px;
        }
        .guanyu{
          background:url("../../images/sprite215new.png") no-repeat -89px -160px;
        }
        .lianxi{
          background:url("../../images/sprite215new.png") no-repeat -89px -200px;
        }
      }
      dd{
        width:176px;
        height:26px;
        cursor:pointer;
        padding: 4px 0px 0px 30px;
      }
      dd:hover{
        color:#ff5c00;
      }
    }
    .logo{
      float:left;
      width:110px;
      height:130px;
    }
    .sao{
      width:110px;
      height:20px;
      span:nth-of-type(1){
        margin: 2px 6px 0;
        display:inline-block;
        float:left;
      }
      span:nth-of-type(2){
        float:left;
        color:black;
      }
    }
  }

  #tfc_footer{
    padding-top:15px;
    height:159px;
    text-align:center;
    width:100%;
    background-color:#ebebeb;
    color:#999;
    line-height:24px;
    ul{
      height:24px;
      width:100%;
      text-align:center;
      li{
        height:16px;
        margin:0px 5px;
        list-style:none;
        display:inline;
      }
    }
    span{
      margin: 0 5px;
      display: inline;
    }
    div{
      padding: 10px;
      text-align: center;
      height:67px;
      a:nth-of-type(1){
        display: block;
        height: 38px;
        width: 100px;
        margin: 0 auto;
      }
      a:nth-of-type(2){
        margin-left: 10px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
      a:nth-of-type(3){
        margin-left: 5px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
    }
  }
}